<!DOCTYPE html>
<html>
<head>
  <title>MyScrum</title>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
  <%= stylesheet_link_tag 'frontends' %>
</head>
<body>
<div id="header">
	<div id="wrapLogo">
		<%= image_tag("layout/logo.png", :id => "logo") %>
	</div>
	<div id="login">
		<h3>Login</h3>
		<table id="loginTable">
			<tr>
				<td>
					<label for="username">Benutzername</label>
				</td>
				<td>
					<input type="text" maxlength="50" name="username" id="username">
				</td>
			</tr>
			<tr>
				<td>
					<label for="password">Passwort</label>
				</td>
				<td>
					<input type="password" maxlength="50" name="password" id="password">
				</td>
			</tr>
		</table>
		<%= link_to "Neu hier", "/signup" %> oder Passwort vergessen?
	</div>
</div>
<div id="wrapNavigationBar">
	<div id="navigationBar">
		<ul class="navigationBar">
		  <li><a href="" class="navigationBarLink">Head Element 1</a></li>
		  <div class="pipe"></div>
		  <li><a href="" class="navigationBarLink">Head Element 2</a></li>
		  <div class="pipe"></div>
		  <li>
		    <a href="javascript:void(null)" class="hasSubItems navigationBarLink">Head Element 3</a>
		    <div>
		      <ul>
		        <li>
		          <a href="javascript:void(null)" class="hasSubItems navigationBarSubItemLink">SubItem1</a>
		          <div>
		            <ul>
		              <li><a href="" class="navigationBarSubItemLink">SubSubItem1</a></li>
		              <li><a href="" class="navigationBarSubItemLink">SubSubItem2</a></li>
		            </ul>
		          </div>
		        </li>
		        <li><a href="" class="navigationBarSubItemLink">SubItem2</a></li>
		        <li>
		          <a href="javascript:void(null)" class="hasSubItems navigationBarSubItemLink">SubItem3</a>
		          <div>
		            <ul>
		              <li><a href="" class="navigationBarSubItemLink">SubSubItem1</a></li>
		              <li><a href="" class="navigationBarSubItemLink">SubSubItem2</a></li>
		            </ul>
		          </div>
		        </li>
		      </ul>
		    </div>
		   </li>
		   <div class="pipe"></div>
		 </ul>
	</div>
</div>
<div id="content">
<%= yield %>
</div>
<div id="footer">
		<%= render :partial => "layouts/footer" %>
	</div>
</body>
</html>